HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="static.css">
<title>Static/Fixed Layout</title>
</head>
<body>
<h1>Portfolio</h1>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="static.css">
<title>Static/Fixed Layout</title>
</head>
<body>
<h1>Portfolio</h1>
<nav>
<h2>Nav</h2>
<a href="null">Home</a> |
<a href="null">About Me</a> |
<a href="null">Portfolio</a> |
<a href="null">Contact</a>
</nav>
<h2>Nav</h2>
<a href="null">Home</a> |
<a href="null">About Me</a> |
<a href="null">Portfolio</a> |
<a href="null">Contact</a>
</nav>
<article>
<h2>gannons</h2>
<img class="rowOne" src="http://www.public.asu.edu/~vbrione1/images/gannon.png" alt="gannon">
<img class="rowOne" src="http://www.public.asu.edu/~vbrione1/images/gannon.png" alt="gannon">
<img class="rowOne" src="http://www.public.asu.edu/~vbrione1/images/gannon.png" alt="gannon">
</article>
<article>
<h3>triforce</h3>
<img class="rowTwo" src="http://www.public.asu.edu/~vbrione1/images/Daco_1179317.png" alt="gannon">
<img class="rowTwo" src="http://www.public.asu.edu/~vbrione1/images/Daco_1179317.png" alt="gannon">
<img class="rowTwo" src="http://www.public.asu.edu/~vbrione1/images/Daco_1179317.png" alt="gannon" >
</article>
</body>
</html>
<h2>gannons</h2>
<img class="rowOne" src="http://www.public.asu.edu/~vbrione1/images/gannon.png" alt="gannon">
<img class="rowOne" src="http://www.public.asu.edu/~vbrione1/images/gannon.png" alt="gannon">
<img class="rowOne" src="http://www.public.asu.edu/~vbrione1/images/gannon.png" alt="gannon">
</article>
<article>
<h3>triforce</h3>
<img class="rowTwo" src="http://www.public.asu.edu/~vbrione1/images/Daco_1179317.png" alt="gannon">
<img class="rowTwo" src="http://www.public.asu.edu/~vbrione1/images/Daco_1179317.png" alt="gannon">
<img class="rowTwo" src="http://www.public.asu.edu/~vbrione1/images/Daco_1179317.png" alt="gannon" >
</article>
</body>
</html>
CSS:
/* CSS Document */
body{
background-color: teal;
}
background-color: teal;
}
h1{
float: left;
position: fixed;
width: 1024px;
top: -80px;
font-size: 100px;
padding-bottom: 50px;
}
float: left;
position: fixed;
width: 1024px;
top: -80px;
font-size: 100px;
padding-bottom: 50px;
}
nav {
font-size: 25px;
width:1024px;
float: none;
}
font-size: 25px;
width:1024px;
float: none;
}
h2,h3 {
color: transparent;
}
color: transparent;
}
.rowOne {
padding: 50px 10px 0px 10px;
float: inline-start;
position:static;
width:400px;
}
padding: 50px 10px 0px 10px;
float: inline-start;
position:static;
width:400px;
}
.rowTwo {
padding: 50px 10px 0px 10px;
float: left;
position:static;
width:400px;
}
padding: 50px 10px 0px 10px;
float: left;
position:static;
width:400px;
}